<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="keywords" content="jvm123,常用api,在线api,博客,常用工具,jvm123博客,开发参考文档"/>
    <meta name="description" content="jvm123常用在线api，这里汇集了许多常用的工具和api。Api的调用，使用标准的http请求，返回json格式的结果，可用于开发等。"/>
    <title>jvm123技术教程管理页面-jvm123</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"/>
    <!-- Custom styles for this page -->
    <link href="../../static/css/admin.css" rel="stylesheet"/>
    <link href="../../static/css/common.css" rel="stylesheet"/>
</head>
<body>
<header>
    <div class="navbar navbar-dark bg-dark shadow-sm">
        <div class="container d-flex justify-content-between">
            <a target="_blank" href="https://blog.jvm123.com" class="navbar-brand d-flex align-items-center">
                <strong>Jvm123 Api</strong>
            </a>
            <nav class="my-2 my-md-0 mr-md-3">
                <a th:each="menu : ${topMenus}" target="_blank" class="p-2 text-white" th:href="${menu.menuUrl}" th:text="${menu.menuText}">留言板</a>
            </nav>
        </div>
    </div>
</header>

<main role="main">
    <!--<section class="jumbotron text-center">-->
        <!--<div class="container">-->
            <!--<h1 class="jumbotron-heading">jvm123常用在线api</h1>-->
            <!--<p class="lead text-muted">-->
                <!--jvm123常用在线api，这里汇集了许多常用的工具和api。Api的调用，使用标准的http请求，返回json格式的结果，可用于开发等。-->
            <!--</p>-->
            <!--<p>-->
                <!--<a target="_blank" href="https://blog.jvm123.com/index.html" class="btn btn-primary my-2" style="margin: 2px !important;">在线 Api</a>-->
                <!--<a target="_blank" href="http://jvm123.com" class="btn btn-secondary my-2">常用工具</a>-->
            <!--</p>-->
        <!--</div>-->
    <!--</section>-->

    <div class="container">
        <p> </p>
        <div class="row">
            <div class="col-md-4">
                <div>
                    <h3>添加或修改：</h3>
                    <form action="/admin/collect" method="post">
                        <input id="id" name="id" type="hidden" value="0"/>
                        <div class="form-group">
                            <label for="title">title:</label>
                            <input id="title" name="title" class="form-control" type="text"/>
                        </div>
                        <div class="form-group">
                            <label for="content">content:</label>
                            <textarea id="content" name="content" class="form-control" rows="4"></textarea>
                        </div>
                        <div class="form-group">
                            <label for="type">type:</label>
                            <input id="type" name="type" class="form-control" type="text"/>
                            <small class="text-muted">series | videos | tools</small>
                            <!--
                            <label class="radio-inline"><input type="radio" name="type"/>series</label>
                            <label class="radio-inline"><input type="radio" name="type"/>videos</label>
                            <label class="radio-inline"><input type="radio" name="type"/>tools</label>
                            -->
                        </div>
                        <div class="form-group">
                            <label for="blogUrl">blogUrl:</label>
                            <input id="blogUrl" name="blogUrl" class="form-control" type="text"/>
                        </div>
                        <button class="btn btn-primary" type="submit">确定</button>
                    </form>
                </div>
                <div>
                    <strong>分类</strong><br/>
                    <div class="form-check form-check-inline" th:each="cate : ${categories}" >
                        <input th:id="${cate.slug}" type="checkbox" name="categories" class="form-check-input" th:value="${cate.slug}"/>
                        <label th:for="${cate.slug}" class="form-check-label" th:text="${cate.name}"></label>
                    </div>
                </div>
                <div>
                    <strong>标签</strong><br/>
                    <div class="form-check form-check-inline" th:each="tag : ${tags}" >
                        <input th:id="${tag.slug}" type="checkbox" name="tags" class="form-check-input" th:value="${tag.slug}"/>
                        <label th:for="${tag.slug}" class="form-check-label" th:text="${tag.name}"></label>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div th:each="collect : ${collects}">
                    <a th:id="${collect.id}"  style="position: absolute; top: 1px;"></a>
                    <div class="item">
                        <h4 th:text="${collect.title}"></h4>
                        <a style="float: right" th:href="${'/collect/' + collect.id + '/' + collect.title + '.html'}">查看</a>
                        <p th:text="${collect.content}"></p>
                        <a style="float: right" th:href="${'/' + collect.type + '.html'}" th:text="${collect.type}"></a>
                        <p th:text="${collect.blogUrl}"></p>
                        <small class="text-muted" th:text="${collect.date}"></small>
                        <a id="modifyBtn" th:href="${'#' + collect.id}" style="float: right">修改</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</main>

<footer class="text-muted">
    <div class="container">
        <p class="float-right">
            <a href="#">Back to top</a>
        </p>
        <p>版权归属于 © jvm123.com, but you can download and customize it for yourself!</p>
        <p>New to Jvm123.com? <a href="http://jvm123.com/">Visit the homepage</a>.</p>
    </div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/static/js/admin/index.js"></script>
</body>
</html>
